<template>
	<view class="clinical">
		<!-- 血常规检查 -->
		<view class="clinical-box">
			<view class="box-header" :style="show1 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>血常规检查
					</text>
					<!-- <text style="color: red;margin-left: 10rpx;">*</text> -->
				</view>
				<view>
					<u-icon :name="show1 ? 'arrow-up' : 'arrow-down'" bold @click="show1 = !show1"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show1" v-for="(item,index) in form.physicalAssayImageArr" :key="index">
					<view class="box-form">
						<view class="form-left">
							检查时间:
						</view>
						<view class="form-right">
							<uni-datetime-picker type="date" v-model="item.checkTime" start="1990-01-01"
								:end="currentTime" @change="changePhyTime" />
						</view>
						<view class="form-add">
							<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(1,1,index)"></u-icon>
							<u-icon name="minus" color="#54b6ab" @click="changeSize(1,0,index)"></u-icon>
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							白细胞:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入白细胞" type="digit"
											v-model="item.leukocyte">
										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							10^9/L
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							中性粒:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入中性粒" type="digit"
											v-model="item.neutralKernel">

										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							%
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							淋巴细胞:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入淋巴细胞" type="digit"
											v-model="item.lymphocyte">

										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							%
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							单核细胞:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入单核细胞" type="digit"
											v-model="item.monocyte">

										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							%
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							异型淋巴细胞:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入异型淋巴细胞" type="digit"
											v-model="item.heterotropicLymphocyte">

										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							%
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							C反应蛋白:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入C反应蛋白" type="digit"
											v-model="item.creactiveProtein">

										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							mg/L
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							血小板:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input fontSize="22rpx" border="none" size="mini" placeholder="请输入血小板" type="digit"
											v-model="item.platelet">

										</u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">
							10^9/L
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							报告时间:
						</view>
						<view class="form-right">
							<uni-datetime-picker type="date" v-model="item.reportTime" start="1990-01-01"
								:end="currentTime" />
						</view>
						<view class="form-add">

						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							上传化验单:
						</view>
						<view class="form-right"
							style="display: flex;align-items: flex-start;justify-content: space-between;">
							<u-upload :fileList="item.laboratoryTestReportUrl" @afterRead="afterRead"
								@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
								:name="{index:index,name:1}" :maxCount="1" accept="image"></u-upload>
						</view>
						<view class="form-add">

						</view>
					</view>


				</view>
			</u-transition>
		</view>
		<!-- 尿常规 -->
		<view class="clinical-box">
			<view class="box-header" :style="show2 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>尿常规
					</text>
				</view>
				<view>
					<u-icon :name="show2 ? 'arrow-up' : 'arrow-down'" bold @click="show2 = !show2"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show2" v-for="(item,index) in form.physicalUrineReportArr" :key="index">
					<view class="box-form">
						<view class="form-left">
							报告时间:
						</view>
						<view class="form-right">
							<uni-datetime-picker type="date" v-model="item.reportTime" start="1990-01-01"
								:end="currentTime" />
						</view>
						<view class="form-add">
							<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(2,1,index)"></u-icon>
							<u-icon name="minus" color="#54b6ab" @click="changeSize(2,0,index)"></u-icon>
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							上传化验单:
						</view>
						<view class="form-right"
							style="display: flex;align-items: flex-start;justify-content: space-between;">
							<u-upload :fileList="item.laboratoryTestReportUrl" @afterRead="afterRead"
								@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
								:name="{index:index,name:2}" :maxCount="1" accept="image"></u-upload>

						</view>
						<view class="form-add">

						</view>
					</view>
				</view>
			</u-transition>
		</view>
		<!-- 胸片 -->
		<view class="clinical-box">
			<view class="box-header" :style="show3 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>胸片</text>
				</view>
				<view>
					<u-icon :name="show3 ? 'arrow-up' : 'arrow-down'" bold @click="show3 = !show3"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show3">
					<view class="box-form">
						<view class="form-left">
							胸片:
						</view>
						<view class="form-right">
							<u-radio-group v-model="form.chestRadiograph" @change="changeChestRadiograph">
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="0" label="无"
									style="margin-right: 20rpx;"></u-radio>
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="1" label="有"></u-radio>
							</u-radio-group>
						</view>
            <view class="form-add">
            </view>

					</view>
					
					<view v-for="(item,index) in form.chestRadiographArr" :key="index"
						v-show="form.chestRadiograph&&form.chestRadiograph===1">
						<view class="box-form">
							<view class="form-left">
								报告时间:
							</view>
							<view class="form-right">
								<uni-datetime-picker type="date" v-model="item.reportTime" start="1990-01-01"
									:end="currentTime" />
							</view>
							<view class="form-add" v-show="form.chestRadiograph&&form.chestRadiograph===1">
								<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(3,1,index)"></u-icon>
								<u-icon name="minus" color="#54b6ab" @click="changeSize(3,0,index)"></u-icon>
							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								胸片照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.chestRadiographImageUrl" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:3,type:1}" :maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								胸片报告上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.chestRadiographReportUrl" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:3,type:2}" :maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
					</view>
				</view>
			</u-transition>
		</view>
		<!-- 肺CT -->
		<view class="clinical-box">
			<view class="box-header" :style="show4 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>肺CT
					</text>
				</view>
				<view>
					<u-icon :name="show4 ? 'arrow-up' : 'arrow-down'" bold @click="show4 = !show4"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show4">
					<view class="box-form">
						<view class="form-left">
							肺CT:
						</view>
						<view class="form-right">
							<u-radio-group v-model="form.lungCt">
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="0" label="无"
									style="margin-right: 20rpx;"></u-radio>
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="1" label="有"></u-radio>
							</u-radio-group>
						</view>
            <view class="form-add">
            </view>
					</view>

					<view v-for="(item,index) in form.lungCtArr" :key="index" v-show="form.lungCt&&form.lungCt===1">
						<view class="box-form">
							<view class="form-left">
								报告时间:
							</view>
							<view class="form-right">
								<uni-datetime-picker type="date" v-model="item.reportTime" start="1990-01-01"
									:end="currentTime" />
							</view>
							<view class="form-add" v-show="form.lungCt===1">
								<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(4,1,index)"></u-icon>
								<u-icon name="minus" color="#54b6ab" @click="changeSize(4,0,index)"></u-icon>
							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								肺CT照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.lungCtImageUrl" @afterRead="afterRead" @delete="deletePic"
									uploadIconColor="#54b6ab" uploadIcon="plus" :name="{index:index,name:4,type:1}"
									:maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								肺CT视频上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.lungCtVideoUrl" @afterRead="afterRead" @delete="deletePic"
									maxSize="50000000" @oversize="oversize" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:4,type:2}" :maxCount="1" accept="video"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								肺CT报告上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.lungCtReportUrl" @afterRead="afterRead" @delete="deletePic"
									uploadIconColor="#54b6ab" uploadIcon="plus" :name="{index:index,name:4,type:3}"
									:maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
					</view>
				</view>
			</u-transition>
		</view>
		<!-- 呼出气体-一氧化氮检测 -->
		<view class="clinical-box">
			<view class="box-header" :style="show5 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>呼出气体-一氧化氮检测
					</text>
				</view>
				<view>
					<u-icon :name="show5 ? 'arrow-up' : 'arrow-down'" bold @click="show5 = !show5"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show5" v-for="(item,index) in form.carbonMonoxideArr" :key="index">
					<view class="box-form">
						<view class="form-left">
							报告时间:
						</view>
						<view class="form-right">
							<uni-datetime-picker type="date" v-model="item.reportTime" start="1990-01-01"
								:end="currentTime" />
						</view>
						<view class="form-add">
							<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(5,1,index)"></u-icon>
							<u-icon name="minus" color="#54b6ab" @click="changeSize(5,0,index)"></u-icon>
						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							结果:
						</view>
						<view class="form-right">
							<view class="input-box-style">
								<view class="right-input-box" style="width: 100%;">
									<view class="input-box-style" style="width: 100%;margin: 0;">
										<u--input border="none" size="mini" placeholder="请输入结果" fontSize="22rpx"
											v-model="item.result"></u--input>
									</view>
								</view>
							</view>
						</view>
						<view class="form-add">

						</view>
					</view>
					<view class="box-form">
						<view class="form-left">
							报告上传:
						</view>
						<view class="form-right"
							style="display: flex;align-items: flex-start;justify-content: space-between;">
							<u-upload :fileList="item.carbonMonoxideReportUrl" @afterRead="afterRead"
								@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
								:name="{index:index,name:5}" :maxCount="1" accept="image"></u-upload>

						</view>
						<view class="form-add">

						</view>
					</view>
				</view>
			</u-transition>
		</view>
		<!-- 肺功能 -->
		<view class="clinical-box">
			<view class="box-header" :style="show6 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>肺功能
					</text>
				</view>
				<view>
					<u-icon :name="show6 ? 'arrow-up' : 'arrow-down'" bold @click="show6 = !show6"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show6">
					<view class="box-form">
						<view class="form-left">
							肺功能:
						</view>
						<view class="form-right">
							<u-radio-group v-model="form.lungFeature">
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="0" label="无"
									style="margin-right: 20rpx;"></u-radio>
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="1" label="有"></u-radio>
							</u-radio-group>
						</view>
            <view class="form-add">
            </view>
					</view>
					<view v-for="(item,index) in form.lungFeatureArr" :key="index"
						v-show="form.lungFeature&&form.lungFeature===1">
						<view class="box-form">
							<view class="form-left">
								报告时间:
							</view>
							<view class="form-right">
								<uni-datetime-picker type="date" v-model="item.reportTime" start="1990-01-01"
									:end="currentTime" />
							</view>
							<view class="form-add">
								<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(6,1,index)"></u-icon>
								<u-icon name="minus" color="#54b6ab" @click="changeSize(6,0,index)"></u-icon>
							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								检测结果照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.lungFeatureResultImageUrl" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:6,type:1}" :maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								检测报告照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.lungFeatureReportImageUrl" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:6,type:2}" :maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								舒张实验:
							</view>
							<view class="form-right">
								<u-radio-group v-model="item.diastolicTest">
									<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="0" label="无"
										style="margin-right: 20rpx;"></u-radio>
									<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="1" label="有"></u-radio>
								</u-radio-group>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								报告时间:
							</view>
							<view class="form-right">
								<uni-datetime-picker type="date" v-model="item.diastolicTestTime" start="1990-01-01"
									:end="currentTime" />
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								检测结果照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.diastolicTestResultUrl" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:6,type:3}" :maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								检测报告照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.diastolicTestReportUrl" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:6,type:4}" :maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								结论:
							</view>
							<view class="form-right">
								<u-radio-group v-model="item.conclusion">
									<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="1" label="阴性"
										style="margin-right: 20rpx;"></u-radio>
									<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="2" label="阳性"></u-radio>
								</u-radio-group>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								电子肺功能检测结果(截图):
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.corpuscleLungFeatureResult" @afterRead="afterRead"
									@delete="deletePic" uploadIconColor="#54b6ab" uploadIcon="plus"
									:name="{index:index,name:6,type:5}" :maxCount="1" accept="image"></u-upload>
								<!-- <text class="media-text" style="color: #2979ff;">截图示例</text> -->
							</view>
							<view class="form-add">

							</view>
						</view>
					</view>
				</view>
			</u-transition>
		</view>
		<!-- 支气管镜检查结果 -->
		<view class="clinical-box">
			<view class="box-header" :style="show7 == true ? '' : 'marginBottom:0'">
				<view class="header-left">
					<view class="left-line"></view>
					<text>支气管镜检查结果
					</text>
				</view>
				<view>
					<u-icon :name="show7 ? 'arrow-up' : 'arrow-down'" bold @click="show7 = !show7"></u-icon>
				</view>
			</view>
			<u-transition show>
				<view v-show="show7">
					<view class="box-form">
						<view class="form-left">
							支气管:
						</view>
						<view class="form-right">
							<u-radio-group v-model="form.bronchus">
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="0" label="无"
									style="margin-right: 20rpx;"></u-radio>
								<u-radio activeColor="#54b6ab" labelSize="22rpx" :name="1" label="有"></u-radio>
							</u-radio-group>
						</view>
            <view class="form-add">
            </view>
					</view>

					<view v-for="(item,index) in form.bronchusArr" :key="index"
						v-show="form.bronchus&&form.bronchus===1">
						<view class="box-form">
							<view class="form-left">
								报告时间:
							</view>
							<view class="form-right">
								<uni-datetime-picker type="date" v-model="item.bronchusReportTime" start="1990-01-01"
									:end="currentTime" />
							</view>
							<view class="form-add">
								<u-icon name="plus" color="#54b6ab" size="16" @click="changeSize(7,1,index)"></u-icon>
								<u-icon name="minus" color="#54b6ab" @click="changeSize(7,0,index)"></u-icon>
							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								镜下照片上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.mirrorUnderUrl" @afterRead="afterRead" @delete="deletePic"
									uploadIconColor="#54b6ab" uploadIcon="plus" :name="{index:index,name:7,type:1}"
									:maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								录像视频上传:
							</view>
							<view class="form-right" @click="open1(item.bronchusVideoUrl.length>0?item.bronchusVideoUrl[0].url:null)"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.bronchusVideoUrl" @afterRead="afterRead" @delete="deletePic"
									uploadIconColor="#54b6ab" uploadIcon="plus" :name="{index:index,name:7,type:2}"
									:maxCount="1" @oversize="oversize" maxSize="50000000" accept="video"></u-upload>
								<!-- <text class="media-text" style="color: #2979ff;">视频示例</text> -->
							</view>
							<view class="form-add">

							</view>
						</view>
						<view class="box-form">
							<view class="form-left">
								支气管镜报告上传:
							</view>
							<view class="form-right"
								style="display: flex;align-items: flex-start;justify-content: space-between;">
								<u-upload :fileList="item.bronchusReportUrl" @afterRead="afterRead" @delete="deletePic"
									uploadIconColor="#54b6ab" uploadIcon="plus" :name="{index:index,name:7,type:3}"
									:maxCount="1" accept="image"></u-upload>
							</view>
							<view class="form-add">

							</view>
						</view>
					</view>
				</view>
			</u-transition>
		</view>
		<!-- 组件底部按钮 -->
		<view class="clinical-box" style="background-color: transparent;" v-show="!setId||setId==null">
			<view class="foot-btns">
				<u-button type="primary" text="上一步" color="#54b6ab" @click="nextStep(2)" style="width: 30%;"></u-button>
				<u-button type="primary" text="下一步" color="#54b6ab" @click="nextStep(4)" style="width: 30%;"></u-button>
				<u-button type="primary" color="#ffb049" text="保存" style="width: 30%;" @click="save"></u-button>
			</view>
		</view>

<!-- 视频播放 -->
		<u-popup :show="videoShow" @close="videoClose" @open="videoOpen" mode="center">
			<view>
				<video object-fit="contain" id="myVideo" :src="videoUrl" autoplay controls loop></video>
			</view>
		</u-popup>
	</view>
</template>

<script>
	// #ifndef H5
	// const RECORDER = uni.getRecorderManager()
	// const AUDIO = uni.createInnerAudioContext()
	// #endif
	import global from '../common/global.js'
	export default {
		name: "bloodRoutine",
		props: ['info', "clientId", "doctorId","setId"],
		data() {
			return {
				videoShow: false,
				videoUrl: null,
				show1: true,
				show2: true,
				show3: true,
				show4: true,
				show5: true,
				show6: true,
				show7: true,
				form: {
					clientId:null,
					doctorId:null,
					morbidityCondition: 0, //发病情况 0初诊 1复诊
					timesNum: null, //复诊次数 初诊不填 复诊必填
					morbidityTime: null, //发病时间 初诊必填 复诊非必填
					feverDayNum: null, //发热天数
					highTemperature: null, //发热最高温度
					feverSymptom: 0, //发热症状 0无 1有
					symptomDetailArr: [], //发热症状详情
					feverTimeInterval: 0, //发热时间间隔 0持续发热 1间隔
					intervalTimeHour: null, //间隔小时
					feverMedicateStatus: 0, //发热用药 0无 1有
					medicateDetail: null, //用药详情
					heelExampleUrlArr: [], //足跟示例资源地址
					heelExampleType: null, //足跟示例资源类型 0图片 1视频
					heelColor: null, //足跟颜色
					heelTemperature: null, //足跟温度 1温 2凉 3热
					heelPressRedTime: null, //足跟按压变红 0 <=3秒  1>3秒
					heelHardness: null, //足心软硬度 1软(唇) 2韧(鼻) 3硬(额)
					coughDayNum: null, //咳嗽天数
					aggravateDayNum: null, //加重天数
					coughTimesArr: [], //咳嗽时间
					coughRelatedFactor: 0, //咳嗽相关因素0无 1有
					coughFactorDetailArr: [], //咳嗽相关因素详情
					coughVomitStatus: 0, //咳嗽呕吐 0无 1有
					coughAwakeningStatus: 0, //夜里咳醒 0无 1有
					feverCoughStatus: 0, //发热咳嗽 0无 1有
					coughPeculiarityArr: [], //咳嗽特点
					coughRecordedUrl: null, //咳嗽录音 可上床多条 用,隔开
					coughRecordedUrlArr: [], //咳嗽录音数组
					gaspStatus: 0, //喘息 0无 1有
					gaspDayNum: null, //喘息天数
					sneezeStatus: 0, //喷嚏 0无 1有
					sneezeDayNum: null, //喷嚏天数
					nasalObstructionStatus: 0, //鼻塞 0无 1有
					nasalObstructionDayNum: null, //鼻塞天数
					anginaStatus: 0, //咽痛 0无 1有
					anginaDayNum: null, //咽痛天数
					dullStatus: 0, //暗哑 0无 1有
					dullDegree: 1, //暗哑程度 1轻 2中 3重
					gaspBreathVideoUrlArr: [], //喘息或呼吸困难视频示例地址
					electronicStethoscopeUrlArr: [], //电子听诊器呼吸音地址
					kneadNoseEye: 0, //手揉鼻子眼睛 0无 1有
					eczemaStatus: 0, //幼时湿疹 0无 1有
					eczemaDegree: 1, //湿疹程度 1轻 2中 3重
					allergyRhinitis: 0, //过敏性鼻炎 0无 1有
					parentAllergyRhinitis: 0, //父母过敏性鼻炎 0无 1有
					allergySource: 0, //过敏原 0无 1有
					allergySourceDetail: null, //过敏原详情
					penicillinCephalosporinAllergy: 0, //青霉素/头孢过敏史 0无 1有
					otherAllergyMedicineDetail: null, //其他过敏药物
					foodAllergyMedicineDetail: null, //食物过敏详情
					recentRash: 0, //近两天皮疹 0无 1有
					lowerPartRash: 0, //下面部位皮疹 0无 1有
					lowerPartRashDetailArr: [], //下面部位皮疹详情
					rashShowType: null, //皮疹展示 0图片 1视频
					rashShowUrlArr: [], //皮疹展示资源地址
					otherExpression: 0, //有无下列表现 0无 1有
					otherExpressionDetailArr: [], //有下列表现详情
					otherIllness: 1, //其他疾病
					otherIllnessDetail: null, //其他疾病详情
					temperatureCheckArr: [],
					physicalAssayImageArr: [], //血常规详情
					physicalUrineReportArr: [], //尿常规详情
					chestRadiograph: 0, //是否有胸片
					chestRadiographArr: [], //胸片详情
					lungCt: 0, //是否有肺部CT
					lungCtArr: [], //肺部CT详情
					carbonMonoxideArr: [], //一氧化碳检测详情
					lungFeature: 0, //是否有肺功能
					lungFeatureArr: [], //肺功能检测详情
					bronchus: 0, //是否有支气管检查
					bronchusArr: [], //支气管检查详情
					illDayNum: null,
					takeOrallyArr: [],
					intravenousDripArr: [],
					atomizationArr: [],
					otherMedicalHistoryArr: [], //图片和pdf都支持
					
					
				},
				currentTime:null, //当前日期字符串
			}
		},
		created() {
			this.currentTime = this.getNowFormatDate()
		},
		
		
		watch: {
			// "$store.state.form": function(val, oldval) {
			// 	this.info=val
			// },
			//  immediate: true,
		
			"$store.state.form": {
				handler(newVal, oldVal) {
					this.form = newVal
					if (!this.form.physicalAssayImageArr||this.form.physicalAssayImageArr.length==0) {
						// this.form.chestRadiograph=0
						// this.form.lungCt = 0
						// this.form.lungFeature=0
						// this.form.bronchus = 0
						this.form.physicalAssayImageArr = [{
							checkTime: null,
							leukocyte: null,
							neutralKernel: null,
							lymphocyte: null,
							monocyte: null,
							heterotropicLymphocyte: null,
							creactiveProtein: null,
							platelet: null,
							reportTime: null,
							laboratoryTestReportUrl: []
						}]
					}
					if (!this.form.physicalUrineReportArr||this.form.physicalUrineReportArr.length==0) {
						this.form.physicalUrineReportArr = [{
							reportTime: null,
							laboratoryTestReportUrl: []
						}]
					}
					if (!this.form.chestRadiographArr ||this.form.chestRadiographArr.length==0) {
						this.form.chestRadiographArr = [{
							reportTime: null,
							chestRadiographImageUrl: [],
							chestRadiographReportUrl: []
						}]
					}
					if (!this.form.lungCtArr ||this.form.lungCtArr.length==0) {
						this.form.lungCtArr = [{
							reportTime: null,
							lungCtImageUrl: [],
							lungCtReportUrl: [],
							lungCtVideoUrl: []
						}]
					}
					if (!this.form.carbonMonoxideArr||this.form.carbonMonoxideArr.length==0) {
						this.form.carbonMonoxideArr = [{
							reportTime: null,
							result: null,
							carbonMonoxideReportUrl: []
						}]
					}
					if (!this.form.lungFeatureArr||this.form.lungFeatureArr.length==0) {
						this.form.lungFeatureArr = [{
							reportTime: null,
							lungFeatureResultImageUrl: [],
							lungFeatureReportImageUrl: [],
							diastolicTest: null,
							diastolicTestTime: null,
							diastolicTestResultUrl: [],
							diastolicTestReportUrl: [],
							conclusion: null,
							corpuscleLungFeatureResult: []
						}]
					}
					if (!this.form.bronchusArr||this.form.bronchusArr.length==0) {
						this.form.bronchusArr = [{
							bronchusReportTime: null,
							mirrorUnderUrl: [],
							bronchusVideoUrl: [],
							bronchusReportUrl: []
						}]
					}
				},
				immediate: true,
				// deep: true
			}
		},
		
		methods: {
			videoOpen() {
				console.log('打开了')
			},
			videoClose() {
				this.videoShow = false
				// const videoContext = uni.createVideoContext('myVideo', this)
				// videoContext.pause()
			},
			open1(url) {
							if(!url||url==null){
								return false
							}
							if(url.includes('mp4')){
								this.videoUrl = url
								this.videoShow = true
							}
							
						},
			getNowFormatDate() {
			  let date = new Date(),
			    year = date.getFullYear(), //获取完整的年份(4位)
			    month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
			    strDate = date.getDate() // 获取当前日(1-31)
			  if (month < 10) month = `0${month}` // 如果月份是个位数，在前面补0
			  if (strDate < 10) strDate = `0${strDate}` // 如果日是个位数，在前面补0
			 
			  return `${year}-${month}-${strDate}`
			},
			changeChestRadiograph(name){
				console.log(name)
				this.form.chestRadiograph=name
				// this.show3 = false
				// this.$nextTick(() => {
				// 	this.show3 = true;
				// })
				
			
			},
			//+-
			//i=1血常规  type=1加 type=0减 index下标
			changeSize(i, type, index) {
				if (type === 1) {
					//+
					if (i === 1) {
						//血常规
						this.form.physicalAssayImageArr.push({
							checkTime: null,
							leukocyte: null,
							neutralKernel: null,
							lymphocyte: null,
							monocyte: null,
							heterotropicLymphocyte: null,
							creactiveProtein: null,
							platelet: null,
							reportTime: null,
							laboratoryTestReportUrl: []
						})
						// this.show1 = false
						// this.$nextTick(() => {
						// 	this.show1 = true;
						// })
					} else if (i === 2) {
						//尿常规
						this.form.physicalUrineReportArr.push({
							reportTime: null,
							laboratoryTestReportUrl: []
						})
						// this.show2 = false
						// this.$nextTick(() => {
						// 	this.show2 = true;
						// })
					} else if (i === 3) {
						//胸片照片 - 胸片报告
						this.form.chestRadiographArr.push({
							reportTime: null,
							chestRadiographImageUrl: [],
							chestRadiographReportUrl: []
						})
						// this.show3 = false
						// this.$nextTick(() => {
						// 	this.show3 = true;
						// })
					} else if (i === 4) {
						//肺CT
						this.form.lungCtArr.push({
							reportTime: null,
							lungCtImageUrl: [],
							lungCtReportUrl: [],
							lungCtVideoUrl: []
						})
						// this.show4 = false
						// this.$nextTick(() => {
						// 	this.show4 = true;
						// })
					} else if (i === 5) {
						//一氧化碳
						this.form.carbonMonoxideArr.push({
							reportTime: null,
							result: null,
							carbonMonoxideReportUrl: []
						})
						// this.show5 = false
						// this.$nextTick(() => {
						// 	this.show5 = true;
						// })
					} else if (i === 6) {
						//肺功能
						this.form.lungFeatureArr.push({
							reportTime: null,
							lungFeatureResultImageUrl: [],
							lungFeatureReportImageUrl: [],
							diastolicTest: null,
							diastolicTestTime: null,
							diastolicTestResultUrl: [],
							diastolicTestReportUrl: [],
							conclusion: null,
							corpuscleLungFeatureResult: null
						})
						// this.show6 = false
						// this.$nextTick(() => {
						// 	this.show6 = true;
						// })
					} else {
						//支气管
						this.form.bronchusArr.push({
							bronchusReportTime: null,
							mirrorUnderUrl: null,
							bronchusVideoUrl: [],
							bronchusReportUrl: []
						})
						// this.show7 = false
						// this.$nextTick(() => {
						// 	this.show7 = true;
						// })
					}

				} else {
					//-
					if (i === 1) {
						//血常规
						if (this.form.physicalAssayImageArr && this.form.physicalAssayImageArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.physicalAssayImageArr.splice(index, 1)
							// this.show1 = false
							// this.$nextTick(() => {
							// 	this.show1 = true;
							// })
						}
					} else if (i === 2) {
						//尿常规
						if (this.form.physicalUrineReportArr && this.form.physicalUrineReportArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.physicalUrineReportArr.splice(index, 1)
							// this.show2 = false
							// this.$nextTick(() => {
							// 	this.show2 = true;
							// })
						}
					} else if (i === 3) {
						//胸片照片 - 胸片报告
						if (this.form.chestRadiographArr && this.form.chestRadiographArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.chestRadiographArr.splice(index, 1)
							// this.show3 = false
							// this.$nextTick(() => {
							// 	this.show3 = true;
							// })
						}

					} else if (i === 4) {
						//肺CT
						if (this.form.lungCtArr && this.form.lungCtArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.lungCtArr.splice(index, 1)
							// this.show4 = false
							// this.$nextTick(() => {
							// 	this.show4 = true;
							// })
						}

					} else if (i === 5) {
						//一氧化碳
						if (this.form.carbonMonoxideArr && this.form.carbonMonoxideArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.carbonMonoxideArr.splice(index, 1)
							// this.show5 = false
							// this.$nextTick(() => {
							// 	this.show5 = true;
							// })
						}

					} else if (i === 6) {
						//肺功能
						if (this.form.lungFeatureArr && this.form.lungFeatureArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.lungFeatureArr.splice(index, 1)
							// this.show6 = false
							// this.$nextTick(() => {
							// 	this.show6 = true;
							// })
						}

					} else {
						//支气管
						if (this.form.bronchusArr && this.form.bronchusArr.length === 1) {
							return uni.showToast({
								icon: 'none',
								title: '不能再减啦'
							})
						} else {
							this.form.bronchusArr.splice(index, 1)
							// this.show7 = false
							// this.$nextTick(() => {
							// 	this.show7 = true;
							// })
						}
					}

				}
			},
			//保存
			async save() {
				// this.form.clientId = this.clientId
				// this.form.doctorId = this.doctorId
				// if (this.form.chestRadiograph == 0) {
				// 	this.form.chestRadiographArr = []
				// }
				// if (this.form.lungCt == 0) {
				// 	this.form.lungCtArr = []
				// }
				// if (this.form.lungFeature == 0) {
				// 	this.form.lungFeatureArr = []
				// }
				// if (this.form.bronchus == 0) {
				// 	this.form.bronchusArr = []
				// }
				const {
					data
				} = await uni.$http.post('/patient-interrogationRecords/savePhysicalTest', this.form)
				if (data.code === 200) {
					uni.showToast({
						icon: 'none',
						title: data.message
					})
				}
			},
			changePhyTime(e) {
				console.log(e)
			},
			//上下一步
			nextStep(val) {
				console.log(val);
				this.$emit('nextStep', val)
			},
			async afterRead(file, lists, name) {
				uni.showLoading({
					title: '上传中',
				})
				let a = uni.uploadFile({
					url: global.api + '/system/uploadFile', // 仅为示例，非真实的接口地址
					filePath: file.file.url,
					name: 'file',
					header: {
						token: uni.getStorageSync('token')
					},
					success: (res) => {
						let result = JSON.parse(res.data)
						if (result.code === 200) {
							let obj = {}
							obj.url = result.data
							if (file.name.name === 1) {
								//血常规
								this.form.physicalAssayImageArr[file.name.index].laboratoryTestReportUrl
									.push(obj)
								// this.show1 = false
								// this.$nextTick(() => {
								// 	this.show1 = true;
								// })
								uni.hideLoading()
							}
							if (file.name.name === 2) {
								//尿常规
								//血常规
								this.form.physicalUrineReportArr[file.name.index].laboratoryTestReportUrl
									.push(obj)
								// this.show2 = false
								// this.$nextTick(() => {
								// 	this.show2 = true;
								// })
								uni.hideLoading()
							}
							if (file.name.name === 3) {
								if (file.name.type === 1) {
									//照片
									this.form.chestRadiographArr[file.name.index].chestRadiographImageUrl
										.push(obj)
								} else {
									//报告
									this.form.chestRadiographArr[file.name.index].chestRadiographReportUrl
										.push(obj)
								}
								//胸片
								// this.show3 = false
								// this.$nextTick(() => {
								// 	this.show3 = true;
								// })
								uni.hideLoading()
							}
							console.log(file.name.name)
							if (file.name.name === 4) {
								//肺CT
								if (file.name.type === 1) {
									//照片
									this.form.lungCtArr[file.name.index].lungCtImageUrl
										.push(obj)
								} else if (file.name.type === 2) {
									//视频
									this.form.lungCtArr[file.name.index].lungCtVideoUrl
										.push(obj)
								} else {
									//报告
									this.form.lungCtArr[file.name.index].lungCtReportUrl
										.push(obj)
								}
								//胸片
								// this.show4 = false
								// this.$nextTick(() => {
								// 	this.show4 = true;
								// })
								uni.hideLoading()
							}
							if (file.name.name === 5) {
								//一氧化碳
								this.form.carbonMonoxideArr[file.name.index].carbonMonoxideReportUrl
									.push(obj)
								// this.show5 = false
								// this.$nextTick(() => {
								// 	this.show5 = true;
								// })
								uni.hideLoading()
							}
							if (file.name.name === 6) {
								//肺功能
								if (file.name.type === 1) {
									//检测结果
									this.form.lungFeatureArr[file.name.index].lungFeatureResultImageUrl
										.push(obj)
								}
								if (file.name.type === 2) {
									//检测报告
									this.form.lungFeatureArr[file.name.index].lungFeatureReportImageUrl
										.push(obj)
								}
								if (file.name.type === 3) {
									//检测结果
									this.form.lungFeatureArr[file.name.index].diastolicTestResultUrl
										.push(obj)
								}
								if (file.name.type === 4) {
									//检测报告
									this.form.lungFeatureArr[file.name.index].diastolicTestReportUrl
										.push(obj)
								}
								if (file.name.type === 5) {
									//检测报告
									this.form.lungFeatureArr[file.name.index].corpuscleLungFeatureResult
										.push(obj)
								}
								// this.show6 = false
								// this.$nextTick(() => {
								// 	this.show6 = true;
								// })
								uni.hideLoading()
							}

							if (file.name.name === 7) {
								//支气管
								if (file.name.type === 1) {
									//镜下照片
									this.form.bronchusArr[file.name.index].mirrorUnderUrl
										.push(obj)
								}
								if (file.name.type === 2) {
									//支气管录像视频地址
									this.form.bronchusArr[file.name.index].bronchusVideoUrl
										.push(obj)
								}
								if (file.name.type === 3) {
									//支气管报告照片地址
									this.form.bronchusArr[file.name.index].bronchusReportUrl
										.push(obj)
								}
								// this.show7 = false
								// this.$nextTick(() => {
								// 	this.show7 = true;
								// })
								uni.hideLoading()
							}


							uni.hideLoading()
						} else {
							uni.hideLoading()
						}
					}
				})
			},
			deletePic(event) {
				if (event.name.name === 1) {
					//血常规
					this.form.physicalAssayImageArr[event.name.index].laboratoryTestReportUrl.splice(event.index, 1)
					// this.show1 = false
					// this.$nextTick(() => {
					// 	this.show1 = true;
					// })
				}
				if (event.name.name === 2) {
					//尿常规
					this.form.physicalUrineReportArr[event.name.index].laboratoryTestReportUrl.splice(event.index, 1)
					// this.show2 = false
					// this.$nextTick(() => {
					// 	this.show2 = true;
					// })
				}
				if (event.name.name === 3) {
					//胸片
					if (event.name.type === 1) {
						//照片
						this.form.chestRadiographArr[event.name.index].chestRadiographImageUrl.splice(event.index, 1)
					} else {
						//报告
						this.form.chestRadiographArr[event.name.index].chestRadiographReportUrl.splice(event.index, 1)
					}
					// this.show3 = false
					// this.$nextTick(() => {
					// 	this.show3 = true;
					// })
				}
				if (event.name.name === 4) {
					//肺CT
					if (event.name.type === 1) {
						//照片
						this.form.lungCtArr[event.name.index].lungCtImageUrl.splice(event.index, 1)
					} else if (event.name.type === 2) {
						//视频
						this.form.lungCtArr[event.name.index].lungCtVideoUrl.splice(event.index, 1)
					} else {
						//报告
						this.form.lungCtArr[event.name.index].lungCtReportUrl.splice(event.index, 1)
					}
					// this.show4 = false
					// this.$nextTick(() => {
					// 	this.show4 = true;
					// })
				}
				if (event.name.name === 5) {
					//一氧化碳
					this.form.carbonMonoxideArr[event.name.index].carbonMonoxideReportUrl.splice(event.index, 1)
					// this.show5 = false
					// this.$nextTick(() => {
					// 	this.show5 = true;
					// })
				}
				if (event.name.name === 6) {
					//肺功能
					if (event.name.type === 1) {
						//照片
						this.form.lungFeatureArr[event.name.index].lungFeatureResultImageUrl.splice(event.index, 1)
					} else if (event.name.type === 2) {
						//视频
						this.form.lungFeatureArr[event.name.index].lungFeatureReportImageUrl.splice(event.index, 1)
					} else if (event.name.type === 3) {
						//报告
						this.form.lungFeatureArr[event.name.index].diastolicTestResultUrl.splice(event.index, 1)
					} else if (event.name.type === 4) {
						//报告
						this.form.lungFeatureArr[event.name.index].diastolicTestReportUrl.splice(event.index, 1)
					} else {
						this.form.lungFeatureArr[event.name.index].corpuscleLungFeatureResult.splice(event.index, 1)
					}
					// this.show6 = false
					// this.$nextTick(() => {
					// 	this.show6 = true;
					// })
				}

				if (event.name.name === 7) {
					//支气管
					if (event.name.type === 1) {
						//照片
						this.form.bronchusArr[event.name.index].mirrorUnderUrl.splice(event.index, 1)
					} else if (event.name.type === 2) {
						//视频
						this.form.bronchusArr[event.name.index].bronchusVideoUrl.splice(event.index, 1)
					} else {
						this.form.bronchusArr[event.name.index].bronchusReportUrl.splice(event.index, 1)
					}
					// this.show7 = false
					// this.$nextTick(() => {
					// 	this.show7 = true;
					// })
				}

			},
			oversize() {
				uni.showToast({
					icon: 'none',
					title: '视频大小不能超过50MB'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	// @import url('@/static/css/components.css');
	.clinical {
		width: 100%;
		height: 100%;
		overflow: auto;

		.clinical-box {
			width: 100%;
			background-color: #fff;
			border-radius: 20rpx;
			padding: 20rpx;
			box-sizing: border-box;
			margin-bottom: 20rpx;

			.box-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 20rpx;

				.header-left {
					display: flex;
					align-items: stretch;
					color: #54b6ab;

					.left-line {
						width: 10rpx;
						background-color: #54b6ab;
						margin-right: 10rpx;
					}
				}
			}

			.box-form {
				box-sizing: border-box;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 20rpx;

				.form-left {
					width: 30%;
					display: flex;
					align-items: flex-start;
					justify-content: flex-start;
				}

				.form-right {
					width: 50%;

					/deep/.uni-input-placeholder {
						font-size: 20rpx;
					}

					.right-input-box {
						display: flex;
						align-items: center;

						.input-box-style {
							padding-left: 10rpx;
							width: 80rpx;
							background-color: #f2f2f2;
							border-radius: 10rpx;
							margin: 0 10rpx;
							box-sizing: border-box;
						}
					}

					.video-btn {
						padding: 10rpx 20rpx;
						box-sizing: border-box;
						border: 1rpx solid #54b6ab;
						color: #54b6ab;
						display: flex;
						border-radius: 10rpx;
					}

					.media-text {
						color: #54b6ab;
					}

					.foot-color {
						position: relative;
						width: 49%;
						height: 70rpx;
						background-color: #d9d9d9;
						margin-bottom: 10rpx;
						box-sizing: border-box;
					}

					.text-btn {
						display: flex;
						flex-direction: column;
						align-items: flex-end;
						justify-content: space-between;
						color: #6897ff;
					}

					.footActive {
						border: 2rpx solid #54b6ab;
					}

					/deep/.uni-date__x-input {
						background-color: #f2f2f2;
						padding-left: 10rpx;
						border-radius: 10rpx;
					}

					/deep/.u-checkbox-group--row {
						flex-wrap: wrap;
					}
				}

				.form-add {
					width: 20%;
					display: flex;
					align-items: center;
					justify-content: space-around;
				}
			}

			.foot-btns {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-around;
			}

			.box-text {
				width: 100%;
				margin-bottom: 20rpx;
			}
		}

		.clinical-tab {
			width: 100%;
			margin-bottom: 20rpx;

			.tab-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				background-color: #54b6ab;
				color: #fff;
				padding: 20rpx 0;
				box-sizing: border-box;

				.text-box1 {
					display: flex;
					width: 33%;
					align-items: center;
					justify-content: center;
				}

			}
		}



	}
</style>